﻿<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="images/apple-favicon.png">
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">

    <title>Wimax - Multipurpose Business And Corporate HTML5 Template</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <!-- Responsive stylesheet  -->
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
 
</head>

<body>

     

    <!-- Preloader -->
    <div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
                <div class="object"></div>
            </div>
        </div>
    </div>

    <!-- Main Header Start -->
    <header class="main-navbar">
        <div class="topbar-area">
          <div class="container">
              <div class="row">
                  <div class="col-lg-6 col-md-6 col-sm-6 center767">
                      <ul class="topbar-info">
                          <li><p>+099 123 123 123</p></li>
                          <li><p><a href="#">info@yourmail.com</a></p></li>
                      </ul>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-6 center767">
                    <div class="social-icon clearfix">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- Header navbar start -->
        <div class="header-navbar" id="navbar-main">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <nav class="navbar navbar-default">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="index-one.html"><img src="images/logo/logo.png" alt="">
                                </a>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-hover="dropdown" data-animations="fadeIn">
                                <ul class="nav navbar-nav navbar-right">
                                    <li class="dropdown active">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="index-one.html">Home one</a>
                                            </li>
                                            <li><a href="index-two.html">Home two</a>
                                            </li>
                                            <li><a href="index-three.html">Home three</a>
                                            </li>
                                            <li><a href="index-four.html">Home four</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="portfolio-grid-3.html">Portfolio Grid 3</a></li>
                                            <li><a href="portfolio-grid-4.html">Portfolio Grid 4</a></li>
                                            <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="blog-gird-3.html">Blog gird 3</a>
                                            </li>
                                            <li><a href="blog-gird-4.html">Blog gird 4</a>
                                            </li>
                                            <li><a href="blog-full-wd.html">Blog full width</a>
                                            </li>
                                            <li><a href="blog-right-sidebar.html">Blog right sidebar</a>
                                            </li>
                                            <li><a href="blog-left-sidebar.html">Blog left sidebar</a>
                                            </li>
                                            <li><a href="blog-details.html">Blog Details</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="services.html">Our Services</a></li>
                                            <li><a href="pricing.html">Our Pricing</a></li>
                                            <li><a href="signin-signup.html">Sign in / Sign Up</a></li>
                                            <li><a href="faq.html">Faq Page</a></li>
                                            <li><a href="404.html">404 Page</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Elements <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                        <ul class="dropdown-menu mega-menu">
                                            <div class="row">
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="accordion-element.html">Accordion</a>
                                                <li><a href="button-element.html">button</a>
                                                </li>
                                                <li><a href="clients-element.html">clients</a>
                                                </li>
                                                <li><a href="pricing-table-element.html">pricing table</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="services-element.html">services</a>
                                                <li><a href="tables-element.html">tables</a>
                                                </li>
                                                <li><a href="tabs-element.html">tabs</a>
                                                </li>
                                                <li><a href="team-element.html">team</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <li><a href="testimonial-element.html">testimonial</a>
                                                <li><a href="timeline-element.html">timeline</a>
                                                </li>
                                                <li><a href="separator-element.html">separator</a>
                                                </li>
                                                <li><a href="promobox-element.html">Promobox</a>
                                                </li>
                                              </div>
                                              <div class="col-md-3 col-sm-3">
                                                <img src="images/nav-img.jpg" alt="">
                                              </div>
                                            </div>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Slider Start -->
    <section class="main-slider-area">
        <ul class="main-slider slide">
            <li class="slide__item item-bg-1">
              <div class="slide-caption">
                <h2 class="slide-caption__title">Welcome to our <span>Wimax</span></h2>
                <p class="slide-caption__desc">unique home page design</p>
                <a href="car-grid-3.html" class="btn">Learn More</a>
              </div>
            </li>
           <li class="slide__item item-bg-2">
              <div class="slide-caption">
                <h2 class="slide-caption__title">responsive with <span>bootstrap</span></h2>
                <p class="slide-caption__desc">unique home page design</p>
                <a href="car-grid-3.html" class="btn">Learn More</a>
              </div>
            </li>
            <li class="slide__item item-bg-3">
              <div class="slide-caption">
                <h2 class="slide-caption__title"><span>Modern</span> and <span>creative</span> design</h2>
                <p class="slide-caption__desc">unique home page design</p>
                <a href="car-grid-3.html" class="btn">Learn More</a>
              </div>
            </li>
        </ul>
    </section>

    <!-- About Start -->
    <section class="about-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12">
                    <div class="about-col">
                        <h3>Awesome <span>multi purpose</span> template</h3>
                        <h5>Modern and creative template</h5>
                        <p>I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful At vero eos.</p>
                        <p>Expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful At vero eos.</p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="about-col-img clearfix">
                        <img src="images/about/1.jpg" alt="" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0s"> 
                        <div class="video-layer wow fadeInRight" data-wow-duration="1s" data-wow-delay=".4s">
                            <a class="demo" href="https://www.youtube.com/watch?v=7e90gBu4pas"><i class="pe-7s-video"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Separator Start -->
    <section class="separator-area">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-6 col-sm-12">
                    <div class="separator-col text-right center767">
                        <h2>We are <span>experienced,</span> <span>Modern</span> and <span>creative</span> </h2>
                        <a class="btn btn-default my-btn" href="#" role="button">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Service Start -->
    <section class="service-area">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="section-title">
                        <div class="title-style clearfix">
                            <h2>what we <span>provide</span></h2>
                        </div>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-6 fw-600">
                    <div class="service-item wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
                        <div class="service-icon">
                            <i class="pe-7s-monitor"></i>
                        </div>
                        <h3>Responsive design</h3>
                        <p>It is a long established fact that a reader will be distracted by the readable readable content of a page when looking at its layout.</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6 fw-600">
                    <div class="service-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="service-icon">
                            <i class="pe-7s-pen"></i>
                        </div>
                        <h3>unique design</h3>
                        <p>It is a long established fact that a reader will be distracted by the readable readable content of a page when looking at its layout.</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6 fw-600">
                    <div class="service-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".4s">
                        <div class="service-icon">
                            <i class="pe-7s-plane"></i>
                        </div>
                        <h3>Best quality</h3>
                        <p>It is a long established fact that a reader will be distracted by the readable readable content of a page when looking at its layout.</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6 fw-600">
                    <div class="service-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".0s">
                        <div class="service-icon">
                            <i class="pe-7s-stopwatch"></i>
                        </div>
                        <h3>Best value</h3>
                        <p>It is a long established fact that a reader will be distracted by the readable readable content of a page when looking at its layout.</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6 fw-600">
                    <div class="service-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="service-icon">
                            <i class="pe-7s-arc"></i>
                        </div>
                        <h3>Web development</h3>
                        <p>It is a long established fact that a reader will be distracted by the readable readable content of a page when looking at its layout.</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6 fw-600">
                    <div class="service-item wow fadeIn" data-wow-duration="1s" data-wow-delay=".4s">
                        <div class="service-icon">
                            <i class="pe-7s-diamond"></i>
                        </div>
                        <h3>Web research</h3>
                        <p>It is a long established fact that a reader will be distracted by the readable readable content of a page when looking at its layout.</p>
                    </div>
                </div>
            </div>
        </div>
    </section> 

    <!-- Portfolio Start -->
    <section class="portfolio-section">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="section-title">
                        <div class="title-style">
                            <h2>Our Portfolio</h2>
                        </div>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="portfolio-col">
                        <!-- Filter Nav -->
                        <ul class="portfolio-nav">
                            <li data-filter="all"> All </li>
                            <li data-filter="1"> Web Design </li>
                            <li data-filter="2"> Grapich </li>
                            <li data-filter="3"> Mobile app </li>
                        </ul>
                        <!-- Filter Content -->
                        <div class="filtr-container">
                            <div class="col-xs-6 col-sm-4 col-md-4 filtr-item" data-category="3, 2" data-sort="value">
                              <div class="box">
                                <img src="images/portfolio/1.jpg" alt="">
                                <div class="box-content">
                                    <h3 class="title">Project Title</h3>
                                    <ul class="icon">
                                        <li><a href="images/portfolio/1.jpg" data-lightbox="lightbox" data-title="My caption"><i class="fa fa-search-plus" aria-hidden="true"></i></a></li>
                                        <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li>
                                    </ul>
                                </div>
                              </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 filtr-item" data-category="2, 1" data-sort="value">
                                <div class="box">
                                  <img src="images/portfolio/2.jpg" alt="">
                                  <div class="box-content">
                                      <h3 class="title">Project Title</h3>
                                      <ul class="icon">
                                          <li><a href="images/portfolio/2.jpg" data-lightbox="lightbox" data-title="My caption"><i class="fa fa-search-plus" aria-hidden="true"></i></a></li>
                                          <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li>
                                      </ul>
                                  </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 filtr-item" data-category="3, 1" data-sort="value">
                                <div class="box">
                                  <img src="images/portfolio/3.jpg" alt="">
                                  <div class="box-content">
                                      <h3 class="title">Project Title</h3>
                                      <ul class="icon">
                                          <li><a href="images/portfolio/3.jpg" data-lightbox="lightbox" data-title="My caption"><i class="fa fa-search-plus" aria-hidden="true"></i></a></li>
                                          <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li>
                                      </ul>
                                  </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 filtr-item" data-category="1, 2" data-sort="value">
                                <div class="box">
                                  <img src="images/portfolio/4.jpg" alt="">
                                  <div class="box-content">
                                      <h3 class="title">Project Title</h3>
                                      <ul class="icon">
                                          <li><a href="images/portfolio/4.jpg" data-lightbox="lightbox" data-title="My caption"><i class="fa fa-search-plus" aria-hidden="true"></i></a></li>
                                          <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li>
                                      </ul>
                                  </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 filtr-item" data-category="3, 2" data-sort="value">
                                <div class="box">
                                  <img src="images/portfolio/5.jpg" alt="">
                                  <div class="box-content">
                                      <h3 class="title">Project Title</h3>
                                      <ul class="icon">
                                          <li><a href="images/portfolio/5.jpg" data-lightbox="lightbox" data-title="My caption"><i class="fa fa-search-plus" aria-hidden="true"></i></a></li>
                                          <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li>
                                      </ul>
                                  </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 filtr-item" data-category="3, 1" data-sort="value">
                                <div class="box">
                                  <img src="images/portfolio/6.jpg" alt="">
                                  <div class="box-content">
                                      <h3 class="title">Project Title</h3>
                                      <ul class="icon">
                                          <li><a href="images/portfolio/6.jpg" data-lightbox="lightbox" data-title="My caption"><i class="fa fa-search-plus" aria-hidden="true"></i></a></li>
                                          <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li>
                                      </ul>
                                  </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> 

    <!-- Counter Start -->
    <section class="counter-area parallax overlay-black">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-6 fw-480">
                    <div class="counter-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".0s">
                        <div class="counter">
                            <i class="pe-7s-copy-file"></i>
                            <span class="count">10500</span>
                            <span>+</span>
                            <p>Project completed</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-6 fw-480">
                    <div class="counter-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="counter">
                            <i class="pe-7s-users"></i>
                            <span class="count">1280</span>
                            <span>+</span>
                            <p>Happy clients</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-6 fw-480">
                    <div class="counter-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".4s">
                        <div class="counter">
                            <i class="pe-7s-add-user"></i>
                            <span class="count">2550</span>
                            <span>+</span>
                            <p>Our staffs</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-6 fw-480">
                    <div class="counter-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".6s">
                        <div class="counter">
                            <i class="pe-7s-cup"></i>
                            <span class="count">580</span>
                            <span>+</span>
                            <p>Awards</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Team Start -->
    <section class="team-area">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="section-title">
                        <div class="title-style">
                            <h2>Our Team</h2>
                        </div>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                    <div class="team-single-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".0s">
                        <div class="team-img">
                            <a href="team-details.html"><img src="images/team/1.jpg" alt=""></a>
                            <div class="team-overlay">
                               <div class="team-content">
                                    <h4><a href="team-details.html">Julio Rio</a></h4>
                                    <p>Web Developer</p>
                                    <div class="team-social-group">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                    <div class="team-single-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="team-img">
                            <a href="team-details.html"><img src="images/team/2.jpg" alt=""></a>
                            <div class="team-overlay">
                               <div class="team-content">
                                    <h4><a href="team-details.html">Cris Mokles</a></h4>
                                    <p>Web Developer</p>
                                    <div class="team-social-group">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                    <div class="team-single-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".4s">
                        <div class="team-img">
                            <a href="team-details.html"><img src="images/team/3.jpg" alt=""></a>
                            <div class="team-overlay">
                               <div class="team-content">
                                    <h4><a href="team-details.html">Marri Alvina</a></h4>
                                    <p>Web Developer</p>
                                    <div class="team-social-group">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 fw-600">
                    <div class="team-single-col wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".6s">
                        <div class="team-img">
                            <a href="team-details.html"><img src="images/team/4.jpg" alt=""></a>
                            <div class="team-overlay">
                               <div class="team-content">
                                    <h4><a href="team-details.html">Tom Mehedi</a></h4>
                                    <p>Web Developer</p>
                                    <div class="team-social-group">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                               </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial Start -->
    <section class="testimonial-area">
      <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <div class="section-title">
                    <div class="title-style">
                        <h2>what people says</h2>
                    </div>
                    <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                </div>
            </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="testimonial-col">
              <div class="testimonial-carousel">
                <div class="testimonial-item">
                    <div class="pic">
                        <img src="images/testimonial/1.jpg" alt="">
                    </div>
                    <p class="description">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget.
                    </p>
                    <h3 class="title">Thomas Alfa</h3>
                    <small class="post">- Web Designer</small>
                </div>
                <div class="testimonial-item">
                    <div class="pic">
                        <img src="images/testimonial/2.jpg" alt="">
                    </div>
                    <p class="description">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget.
                    </p>
                    <h3 class="title">kristina</h3>
                    <small class="post">- Web Developer</small>
                </div>
                <div class="testimonial-item">
                    <div class="pic">
                        <img src="images/testimonial/3.jpg" alt="">
                    </div>
                    <p class="description">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget.
                    </p>
                    <h3 class="title">Jack Kallis</h3>
                    <small class="post">- Grapic Designer</small>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Blog Start -->
    <section class="blog-area">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="section-title">
                        <div class="title-style">
                            <h2>Latest News</h2>
                        </div>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".0s">
                         <div class="blog-img">
                            <img src="images/blog/1.jpg" alt="">
                            <div class="post-date">
                                <h3>27 August, 2018</h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".2s">
                         <div class="blog-img">
                            <img src="images/blog/2.jpg" alt="">
                            <div class="post-date">
                                <h3><span>28 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".4s">
                         <div class="blog-img">
                            <img src="images/blog/3.jpg" alt="">
                            <div class="post-date">
                                <h3><span> 30 August, 2018</span></h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
                <div class="col-lg-4 col-md-4 hidden-lg hidden-md col-sm-6 col-xs-6 fw-600">
                     <div class="blog-col wow fadeIn" data-wow-duration="1s" data-wow-delay=".0s">
                         <div class="blog-img">
                            <img src="images/blog/1.jpg" alt="">
                            <div class="post-date">
                                <h3>27 August, 2018</h3>
                            </div>
                         </div>
                         <div class="blog-content">
                             <h4><a href="blog-details.html">Fully responsive layout</a></h4>
                             <div class="info-bar clearfix">
                                 <ul>
                                     <li><i class="fa fa-comments-o" aria-hidden="true"></i> <a href="#">10 Comments</a></li>
                                     <li>/</li>
                                     <li><i class="fa fa-pencil" aria-hidden="true"></i> <a href="#">Admin</a></li>
                                 </ul>
                             </div>
                             <p>There are many variations of passages of Lorem Ipsum available, but the majority majority have suffered alteration in some form, by injected.</p>
                             <a class="btn btn-default my-btn" href="blog-details.html" role="button">Read More</a>
                         </div>
                     </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Client Start -->
    <section class="client-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="client-col">
                        <div class="client-carousel">
                            <div class="item"><a href="#"><img src="images/client/1.png" alt=""></a></div>
                            <div class="item"><a href="#"><img src="images/client/2.png" alt=""></a></div>
                            <div class="item"><a href="#"><img src="images/client/3.png" alt=""></a></div>
                            <div class="item"><a href="#"><img src="images/client/4.png" alt=""></a></div>
                            <div class="item"><a href="#"><img src="images/client/5.png" alt=""></a></div>
                            <div class="item"><a href="#"><img src="images/client/6.png" alt=""></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer Start -->
    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-col about">
                        <h3>About our <span>Wimax</span></h3>
                        <p>Consectetur adipisicing elit. Voluptatum expedita doloremque eligendi vero a adipisci perspiciatis, vel beatae odio dolorum officia minus unde.</p>
                        <ul>
                            <li>
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                                123, Cornish Street, Burnside, Australia
                            </li>
                            <li>
                                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                officemail@gmail.com
                            </li>
                            <li>
                                <i class="fa fa-phone" aria-hidden="true"></i>
                                +012 450-388-2050
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-col links">
                        <h3>Useful <span>links</span></h3>
                        <ul>
                            <li><a href="#">Web Design</a></li>
                            <li><a href="#">Web Development</a></li>
                            <li><a href="#">Bootstrap</a></li>
                            <li><a href="#">Web research</a></li>
                            <li><a href="#">PHP Tutorial</a></li>
                            <li><a href="#">Javascript</a></li>
                            <li><a href="#">Jquery</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-col twitter">
                        <h3>Recent Tweets</h3>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                        <div class="twitter-box">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                            <p><a href="#">@Company Name</a> It is a long established fact that a reader. <br> <a href="#">20 August, 2018</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="footer-col newsletter">
                        <h3>our <span>newsletter</span></h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem soluta, voluptatibus et odit nesciunt illum, molestias officiis consequuntur.</p>
                        <form class="input-group">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Enter Your Email">
                            </div>
                            <span class="input-group-btn">
                                <button class="btn btn-default sub-btn" type="submit">
                                SUBSCRIBE</button>
                            </span>
                        </form>
                        <h3><span>Social</span> Links</h3>
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Copyright Start -->
    <section class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p>©2018. Designed by <a href="" target="_blank">SET-Theme.</a> All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>

    <!-- Bootstrap Min js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- bootstrap-dropdownhover js -->
    <script src="js/bootstrap-dropdownhover.min.js"></script>
    <!-- imagesloaded JS -->
    <script src="js/imagesloaded.min.js"></script>
    <!-- filterizr JS -->
    <script src="js/jquery.filterizr.min.js"></script>
    <!-- typing js -->
    <script src="js/typing.js"></script>
    <!-- VideoPopUp -->
    <script src="js/VideoPopUp.jquery.js"></script>
    <!-- counterup -->
    <script src="js/jquery.counterup.min.js"></script>
    <!-- waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- carousel -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- jarallax -->
    <script src="js/jarallax.min.js"></script>
    <!-- lightbox -->
    <script src="js/lightbox.min.js"></script>
    <!-- youtubebackground JS -->
    <script src="js/jquery.youtubebackground.js"></script>
    <!-- jquery scrollUp  JS -->
    <script src="js/jquery.scrollUp.min.js"></script>
    <!-- wow.min JS -->
    <script src="js/wow.min.js"></script>
    <!-- Main Custom JS -->
    <script src="js/custom.js"></script>

 <!--    <script>
            $(document).ready(function() {
        //Preloader
        $(window).load(function() {
        preloaderFadeOutTime = .5s;
        function hidePreloader() {
        var preloader = $('.spinner-wrapper');
        preloader.fadeOut(preloaderFadeOutTime);
        }
        hidePreloader();
        });
    });
    </script> -->

</body>

</html>
